<template>
  <div id="centerBottom"> 
    <div class="d-flex">
      <div class="centerLeftChart" style="width:90%;height:230px;margin:0 auto" ref="ctChart">
        <dv-scroll-board :config="config" style="width:100%;height:230px" />
      </div>
      <!-- <div class="centerRightChart" style="width:300px;height:230px;" ref="centerRightChart"> </div> -->
    </div>

  </div>
</template>

<script type="text/javascript">

  import * as echarts from 'echarts'
  export default {
    name: "",
    components: {
    },
    props:['echartData'],
    data() {
      return {
        centerLeftChart: '',
        option: '',
        config:{ 
            header: ['时间','区域','新增数量'],
            headerBGC:'',
            oddRowBGC:'rgba(0,0,0,.2)',
            evenRowBGC:'rgba(0,0,0,.4',
            index: true,
            data: []
          }
      }
    },
    mounted() { 
      this.echartData.forEach(v => {
        let arr=[v.anaDate,v.cityName,v.markets] 
        this.config.data.push(arr)
      });
    },
    methods: {
      }
  }
</script>

<style lang="scss" scoped>
  
</style>